<template>
   <app-container>
        <zm-tabs class="bc-white pd10 pl20" :list="tabsList" v-model="activeName"></zm-tabs>
        <components :is="activeName"></components>
  </app-container>
</template>

<script>
import tableMixin from '@/mixins/zmTableMixin'
import { tabsList } from './const'
import PlanConfig from './components/PlanConfig'
import SaleOrder from './components/SaleOrder'
import PackageProduct from './components/PackageProduct'
export default {
  name: 'ProductSpecialPrice',
  components: { PlanConfig, SaleOrder, PackageProduct },
  mixins: [tableMixin],
  data () {
    return {
      activeName: 'PlanConfig'
    }
  },
  computed: {
    tabsList () {
      return tabsList()
    }
  },
  watch: {},
  created () {},
  methods: {}
}
</script>

<style scoped lang='scss'>
</style>
